<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="description" content="" />
		<meta http-equiv="keywords" content="" />
		<title>详情页</title>
		<link rel="shortcut icon" href="images/bitbug_favicon.ico">
		<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> 
		<!--
        	作者：3239867688@qq.com
        	时间：2017-11-24
        	描述：alert样式1
        -->
		<link type="text/css" href="js/layer/theme/default/layer.css" rel="stylesheet" />
        <script src="js/layer/layer.js"></script>
		<!--
        	作者：3239867688@qq.com
        	时间：2017-11-24
        	描述：alert样式2
        -->
		<link type="text/css" href="js/sweetalert/css/sweet-alert.css" rel="stylesheet" />
        <script src="js/sweetalert/js/sweet-alert.js"></script>
		<link type="text/css" href="css/reset.css" rel="stylesheet" />
		<link type="text/css" href="css/index.css" rel="stylesheet" />
		<link type="text/css" href="css/style.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/page.css" />
		<link type="text/css" href="css/bootstrap.min.css" rel="stylesheet" />
		<!--<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>-->
		<script src="js/gotop.js"></script>
        <link rel="stylesheet" href="css/gotop.css" />
		<script type="text/javascript" src="js/jquery.page.js"></script>
		<script type="text/javascript" src="js/include.js"></script>
		<script type="text/javascript" src="js/percent.js"></script>
		<script type="text/javascript" src="js/core.js"></script>
		<script type="text/javascript" src="js/sortType_list.js"></script>
		<script type="text/javascript" src="js/search.js"></script>
		<!--
        	作者：3239867688@qq.com
        	时间：2018-03-07
        	描述：图片处理
        -->
		<script type="text/javascript" src="js/imageUtils.js"></script>
		<style type="text/css">
			a:link {
				text-decoration: none;
			}
			
			a:visited {
				text-decoration: none;
			}
			
			a:hover {
				text-decoration: none;
			}
			
			a:active {
				text-decoration: none;
			}
		</style>
		<script>
			$(function() {
				//头部
				clientSideInclude('configHead', 'header.html');
				//尾部
				clientSideInclude('configFoot', 'footer.html');
				//logo
				clientSideInclude('logo', 'logo.html');
			});
		</script>
		<script src="js/searchByGlobol.js"></script>
		<script type="text/javascript" src="js/login.js"></script>

	</head>

	<body>
		<!--头部-->
		<div id="configHead"></div>

		<!--logo-->
		<div id="logo"></div>

		<!--导航-->
		<div class="w_nav">
			<div class="main clearfix">
				<div class="nav_mune fl">
					<span>全部商品分类<img src="images/fuwu_gengdup.png" /></span>
					<div id="p_fuwu" class="p_fuwu p_none">

					</div>
				</div>
				<div class="w_navcon fl">
					<ul class="clearfix">
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="6.0.0zhaohuo.html">找货</a>
						</li>
						<li>
							<a href="4.0.0qiugou.html">求购</a>
						</li>
						<li>
							<a href="5.0.0weihuo.html">尾货</a>
						</li>
						<li>
							<a href="5.0.0zhibo.html">直播</a>
						</li>
						<li>
							<a href="8.0.0shangquan.html">商圈</a>
						</li>
						<li>
							<a href="10.0.0dianpu.html">店铺</a>
						</li>
						<li>
							<a href="11.0.0jinbi.html">金币中心</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!--内容-->

		<!--筛选-->
		<div class="main">
			<div class="breadcrumb1 clearfix" hidden="hidden" id="breadcrumbType1">
				<a href="index.html">我的位置</a> &gt;
				<a href="6.0.0zhaohuo.html">找货</a> &gt;
				<h1 style="color: orangered;" class="breadcrumbName"></h1>
			</div>
			<div class="breadcrumb1 clearfix" hidden="hidden" id="breadcrumbType2">
				<a href="index.html">我的位置</a> &gt;
				<a href="5.0.0weihuo.html">尾货</a> &gt;
				<h1 style="color: orangered;" class="breadcrumbName"></h1>
			</div>
			<div class="breadcrumb1 clearfix" hidden="hidden" id="breadcrumbType3">
				<a href="index.html">我的位置</a> &gt;
				<a href="11.0.0jinbi.html">金币中心</a> &gt;
				<h1 style="color: orangered;" class="breadcrumbName"></h1>
			</div>
			<div class="breadcrumb1 clearfix" hidden="hidden" id="breadcrumbType4">
				<a href="index.html">我的位置</a> &gt;
				<a href="27.0.0qianggou.html">抢购</a> &gt;
				<h1 style="color: orangered;" class="breadcrumbName"></h1>
			</div>
			<div class="breadcrumb1 clearfix" hidden="hidden" id="breadcrumbType5">
				<a href="index.html">我的位置</a> &gt;
				<a href="#" onclick="javascript:history.back(-1);return false;">直播</a> &gt;
				<h1 style="color: orangered;" class="breadcrumbName"></h1>
			</div>
		</div>
		

		<!--产品信息-->
		<div class="main clearfix">
			<!--左边-->
			<div class="detail_left">
				<!--图片-->
				<div class="examples_body" id="photoDetail">

					<!--<div class="examples_bg">
						<div class="examples_image">
							<img src="images/img15.jpg" alt="" />
							<div class="desc">
								<a href="#" class="collapse"></a>
								<div class="block"></div>
							</div>
						</div>
						<div class="mune_thumb">
							<ul>
								<li>
									<a href="images/img15.jpg"><img src="images/img15.jpg" alt="Image Name" /></a>
								</li>
								<li>
									<a href="images/img02.jpg"><img src="images/img02.jpg" alt="Image Name" /></a>
								</li>
								<li>
									<a href="images/img03.jpg"><img src="images/img03.jpg" alt="Image Name" /></a>
								</li>
								<li>
									<a href="images/img04.jpg"><img src="images/img04.jpg" alt="Image Name" /></a>
								</li>
								<li>
									<a href="images/img05.jpg"><img src="images/img05.jpg" alt="Image Name" /></a>
								</li>
							</ul>
						</div>
					</div>-->

				</div>

				<!--分享-->
				<div class="detail_share clearfix">
					<div class="zhibo_share">
						<span>分享到</span>
						<a href="#">
							<img src="images/share01.png" />
						</a>
						<a href="#">
							<img src="images/share02.png" />
						</a>
						<a href="#">
							<img src="images/share03.png" />
						</a>
					</div>
					<div class="detai_shoucang Shoucang-goods fl">
						<img src="images/shoucang.png" />
						<span>收藏商品</span>
					</div>
					<div class="detai_shoucang public-chat fr">
						<img src="images/shouji.png" />
						<span>手机看</span>
					</div>
				</div>
			</div>
			<!--中间-->
			<div class="detail_mid" id="goodsStockList">
				<!--	<h1>夏季露肩雪纺连衣裙修身显瘦高腰无袖气质百褶裙</h1>
				<dl class="clearfix">
					<dd>
						<h2>批发价</h2>
						<h3>&yen;508.00<span>1-4件</span></h3>
					</dd>
					<dd>
						<h2>批发价</h2>
						<h3>&yen;508.00<span>5-10件</span></h3>
					</dd>
					<dd>
						<h2>批发价</h2>
						<h3>&yen;508.00<span>10-15件</span></h3>
					</dd>
				</dl>
				<ul>
					<li class="clearfix">
						<span>混批设置：</span>
						<div>
							<h6>本店不支持混批</h6>
						</div>
					</li>
					<li class="clearfix">
						<span>颜&nbsp;&nbsp;色：</span>
						<div class="detail_mid_color">
							<em class="curr">白色</em>
							<em>黑色</em>
							<em>粉色</em>
						</div>
					</li>
					<li class="clearfix">
						<span>尺&nbsp;&nbsp;码：</span>
						<div>
							<table>
								<tr>
									<td>S</td>
									<td>38.00</td>
									<td>可售999件</td>
									<td>
										<div class="lt-rt">
											<input type="button" class="minus" value="-">
											<input type="text" class="result" value="0">
											<input type="button" class="add" value="+">
										</div>
									</td>
								</tr>
								<tr>
									<td>M</td>
									<td>38.00</td>
									<td>可售999件</td>
									<td>
										<div class="lt-rt">
											<input type="button" class="minus" value="-">
											<input type="text" class="result" value="0">
											<input type="button" class="add" value="+">
										</div>
									</td>
								</tr>
								<tr>
									<td>L</td>
									<td>38.00</td>
									<td>可售999件</td>
									<td>
										<div class="lt-rt">
											<input type="button" class="minus" value="-">
											<input type="text" class="result" value="0">
											<input type="button" class="add" value="+">
										</div>
									</td>
								</tr>
							</table>
						</div>
						
						
					</li>
					<li class="clearfix" style="margin-bottom: 0;">
						<span>商品服务：</span>
						<div class="detail_mid_fuwu">
							<em>可用金币抵扣3%</em>
							<em>每件最高可赠送金币111个</em>
							<em>全店满两件可混批采购</em>
						</div>
					</li>
					<li class="clearfix detail_mid_time">
						<span>商品服务：<i>2017-04-16</i></span>
						<span>浏览次数：<i>22356</i></span>
						<span>收藏量：<i>53586</i></span>
					</li>
				</ul>
				<div class="detail_mid_but clearfix">
					<a href="12.2.0shouhuodizhi.html">立即结算</a>
					<a href="12.0.0gouwuche.html">加入进货车</a>
				</div>-->
			</div>

			<!--右边-->
			<div class="detail_right" id="shopInfo">

				<!--<dl>
					<dt>
				<img src="images/img01.jpg" />
			</dt>
					<dd>
						<h6>女先生旗舰店</h6>
						<p>浙江省-杭州市-杭州四季青商圈</p>
					</dd>
				</dl>
				
				
				<ul>
					<li>
						店铺等级：
						<img src="images/grade_jin.png" />
						<em>金牌店铺</em>
					</li>
					<li>
						信誉等级：
						<img src="images/aixiin.png" />
						<img src="images/aixiin.png" />
						<img src="images/aixiin.png" />
						<img src="images/aixiin.png" />
					</li>
					<li>开店时间：217-03-26</li>
					<li>本月上新：39</li>
					<li>本月访问：276</li>
				</ul>
				<div class="detail_right_pinzhi clearfix">
					<span>商家服务<em>5.0</em></span>
					<span>商品品质<em>5.0</em></span>
					<span>物流服务<em>5.0</em></span>
				</div>
				<div class="detail_right_kefu clearfix">
					<a href="javascript:void(0);" class="public-chat">联系客服</a>
					<a href="10.0.0dianpu.html">进入店铺</a>
					<a href="javascript:void(0);" class="Shoucang">收藏店铺</a>
				</div>
				<div class="detail_right_fuwu">
					<h6>服务宗旨</h6>
					<div class="clearfix">
						<span>交易安全</span>
						<span>质量保证</span>
						<span>方便省心</span>
					</div>
				</div>
				-->

			</div>

		</div>

		<!--商品详情-->
		<div class="main clearfix">
			<div class="detail_goods_left">
				<div class="dianpu_title4 w_xxtaba">
					<ul class="clearfix w_xxtab_tit">
						<li class="curr">商品详情</li>
						<li>商品评价</li>
					</ul>
					<div class="w_ddcon1">
						<div class="detail_con">
							<ul class="clearfix" id="propertyLists">

								<!--<li><span>雪纺</span></li>-->

							</ul>
							<div id="goodsSimple">
								<!--<img src="images/img16.jpg" />
							<p>文字说明</p>-->
							</div>
						</div>
						
						
					</div>
					<div class="w_ddcon1" style="display: none;">
						<!--评价-->
						<div class="pingjia">
							<h5>用户评价</h5>
							<div class="pingjia_fuwu clearfix">
								
								
								<h6>
							<span id="haoping"></span>好评率
						</h6>
								<ul id="shopService">
									<li>
										<span>服务等级</span>
										<span id="serviceLevel"></span>
										<!--<img src="images/star_select.png" />
										<img src="images/star_select.png" />
										<img src="images/star_select.png" />
										<img src="images/star_select.png" />
										<img src="images/star_default.png" />-->
									</li>
									<li>
										<span>质量等级</span>
										<span id="qualityLevel"></span>
										<!--<img src="images/star_select.png" />
										<img src="images/star_select.png" />
										<img src="images/star_select.png" />
										<img src="images/star_select.png" />
										<img src="images/star_default.png" />-->
									</li>
									<li>
										<span>物流等级</span>
										<span id="carLevel"></span>
										<!--<img src="images/star_select.png" />
										<img src="images/star_select.png" />
										<img src="images/star_select.png" />
										<img src="images/star_select.png" />
										<img src="images/star_default.png" />-->
									</li>
								</ul>
								
							</div>
							<div class="dianpu_pingjia w_xxtaba1">
								<ul class="clearfix w_xxtab_tit1">
									<li class="curr">
										<a href="javascript:selectComment('','');"><span id="selectComment0"></span></a>
										
									</li>
									<li>
										<a href="javascript:selectComment(1,'');"><span id="selectComment1"></span></a>
									</li>
									<li>
										<a href="javascript:selectComment(2,'');"><span id="selectComment2"></span></a>
									</li>
									<li>
										<a href="javascript:selectComment(3,'');"><span id="selectComment3"></span></a>
									</li>
									<li>
										<a href="javascript:selectComment('',1);"><span id="selectComment4"></span></a>
									</li>
								</ul>
								<div class="w_ddcon">

									<div class="dianpu_pingjia_xinxi" id="userCommentList">

										<!--<dl class="clearfix">
											<dt>
					    				<img src="images/img01.jpg" />
					    			</dt>
											<dd class="detail_pingjia">
												<h6>1Michael</h6>
												<span>2017-07-13  08:30</span>

												<p>谢谢全姐，全姐家的衣服，质量真是没得说，还送了一件，路过的朋友可以放心购买，质量手感绝对第一</p>
												<div class="dianpu_pingjia_xinxi_star clearfix">
													<img src="images/star_select.png" />
													<img src="images/star_select.png" />
													<img src="images/star_select.png" />
													<img src="images/star_select.png" />
													<img src="images/star_default.png" />
													<em>4.0分</em>
												</div>
												<div class="dianpu_pingjia_xinxi_img">
													<img src="images/img02.jpg" />
													<img src="images/img02.jpg" />
													<img src="images/img02.jpg" />
												</div>
											</dd>
										</dl>-->

									</div>
								</div>
							</div>
						</div>
						<!-- 页码 -->
						<div class="yema">
							<tr>
								<td colspan="8">
									<div id="pager"></div>
								</td>
							</tr>
							<!--<a href="javascript:void(0);">&lt;&lt;</a>
							<a href="javascript:void(0);" class="w_yscur">1</a>
							<a href="javascript:void(0);">2</a>
							<a href="javascript:void(0);">3</a>
							<a href="javascript:void(0);">4</a>
							<a href="javascript:void(0);">5</a>
							<a href="javascript:void(0);">&gt;&gt;</a>-->
						</div>
					</div>
				</div>
			</div>
			<div class="detail_goods_right">
				<div class="detail_goods_new">
					<h5>
				<span>店铺上新</span>
			</h5>
					<div id="shangxingoodsList">
						<!--<dl>
						<a href="2.2.0goods_detail.html">
							<dt>
						<img src="images/img02.jpg" />
						<div class="detail_goods_new_time">4分钟前</div>
					</dt>
							<dd>
								<h6>春夏季粉色新款绿色气质女神优大码女生静黄水雅修身...</h6>
								<div class="clearfix">
									<span>&yen;58.00</span>
									<em>收藏量：258</em>
								</div>
							</dd>
						</a>
					</dl>-->

					</div>
				</div>

				<div class="detail_goods_new">
					<h5>
				<span>热卖商品</span>
			</h5>
					<div id="remaigoodsList">
						<!--<dl>
							<a href="2.2.0goods_detail.html">
								<dt>
						<img src="images/img02.jpg" />
						<div class="detail_goods_new_time">4分钟前</div>
					</dt>
								<dd>
									<h6>春夏季粉色新款绿色气质女神优大码女生静黄水雅修身...</h6>
									<div class="clearfix">
										<span>&yen;58.00</span>
										<em>收藏量：258</em>
									</div>
								</dd>
							</a>
						</dl>-->
					</div>
				</div>
			</div>
		</div>

		<!--底部-->
		<div id="configFoot"></div>

		<!--弹出二维码-->
		<div class="public_simi_bg">
			<div class="public_simi">
				<h5>请下载佳港APP</h5>
				<p><img src="images/erweima02.png" /></p>
				<p>使用手机客户端下单更便捷</p>
			</div>
		</div>

        <div class="public_simi_bg1">
			<div class="public_shuliang1" style="width: 400px;height: 589px;" align="center">
				 <h5><span class="closeLogin" style="float: right;font-size: 20px;cursor: pointer;">X</span></h5>
				<div class="denglu_right">
					
				<form>
					
					<h3>用户登录</h3>
					<input type="text" name="phone" id="phone" class="denglu_right_input" placeholder="请输入手机号码" required="required" />
					<input type="password" name="password" id="password" class="denglu_right_input" placeholder="请输入登录密码" required="required" />
					<!--提示错误-->
					<!--<div class="denglu_tishi">手机号格式不正确</div>-->
					<div class="clearfix">
						<a href="1.0.2zhaohuimima.html" class="fl">找回密码</a>
						<a href="1.3.0zhuce.html" class="fr">免费注册</a>
					</div>
					<input type="button" id="submit" onclick="getLogin1();" value="登录" />
					<!--<div class="denglu_kuaijie">
						<h6>
					<span>使用第三方登录</span>
				</h6>
						<ul>
							<li>
								<a href="#">
									<img src="images/kuaijie01.png" />
								</a>
								<a href="#">
									<img src="images/kuaijie02.png" />
								</a>
								<a href="#">
									<img src="images/kuaijie03.png" />
								</a>
							</li>
						</ul>
					</div>-->
				</form>
			</div>
			</div>
	   </div>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.js"></script>
		<script type="text/javascript">
			//分享
			$(document).ready(function() {
				$(".g02 a").mouseenter(function() {
					$(".weibo").fadeIn("slow");
				});
				$(".g02").mouseleave(function() {
					$(".weibo").fadeOut("slow");
				});
			});

			//商品店铺
			$('.logo_seach_title span').on('click', function() {
				$(this).addClass('curr').siblings().removeClass('curr');
			});

			//分类列表
			$(".nav_mune").mouseenter(function() {
				$('.p_fuwu').fadeIn();
			});
			$(".nav_mune").mouseleave(function() {
				$('.p_fuwu').fadeOut();
			});

			//商品详情
			$(function() {
				$('.w_xxtab_tit li').on('click', function() {
					//获得当前被点击的元素索引值
					var Index = $(this).index();
					//给菜单添加选择样式
					$(this).addClass('curr').siblings().removeClass('curr');
					//显示对应的div
					$('.w_xxtaba').children('div').eq(Index).show().siblings('div').hide();

				});
			});

			//全部评价
			$(function() {
				$('.w_xxtab_tit1 li').on('click', function() {
					//获得当前被点击的元素索引值
					var Index = $(this).index();
					//给菜单添加选择样式
					$(this).addClass('curr').siblings().removeClass('curr');
					//显示对应的div
					$('.w_xxtaba1').children('div').eq(Index).show().siblings('div').hide();

				});
				28
			});

			//颜色
			$('.detail_mid_color em').on('click', function() {
				$(this).addClass('curr').siblings().removeClass('curr');
			});

			//数量
			/*$(function() {
				$(".add").click(function() {
					var t = $(this).parent().find('input[class*=result]');
					t.val(parseInt(t.val()) + 1);
				})
				$(".minus").click(function() {
					var t = $(this).parent().find('input[class*=result]');
					t.val(parseInt(t.val()) - 1);
					if(parseInt(t.val()) < 0) {
						t.val(0);
					}
				})
			})*/

			

			

			
		</script>
		<!--图片轮播-->
		<script type="text/javascript">
			$(document).ready(function() {

				//Show Banner
				$(".examples_image .desc").show(); //Show Banner
				$(".examples_image .block").animate({ opacity: 0.85 }, 1); //Set Opacity

				//Click and Hover events for thumbnail list
				$(".mune_thumb ul li:first").addClass('active');
				$(".mune_thumb ul li").hover(function() {
					//Set Variables
					var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
					var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL
					var imgDesc = $(this).find('.block').html(); //Get HTML of block
					var imgDescHeight = $(".examples_image").find('.block').height(); //Calculate height of block	

					if($(this).is(".active")) { //If it's already active, then...
						return false; // Don't click through
					} else {
						//Animate			
						$(".examples_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250, function() {
							$(".examples_image .block").html(imgDesc).animate({ opacity: 0.85, marginBottom: "0" }, 250);
							$(".examples_image img").attr({ src: imgTitle, alt: imgAlt });
						});
					}

					$(".mune_thumb ul li").removeClass('active'); //Remove class of 'active' on all lists
					$(this).addClass('active'); //add class of 'active' on this list only
					return false;

				}).hover(function() {
					$(this).addClass('hover');
				}, function() {
					$(this).removeClass('hover');
				});

				//Toggle
				$("a.collapse").click(function() {
					$(".examples_image .block").slideToggle();
					$("a.collapse").toggleClass("show");
				});

			}); //Close Function
		</script>
		<script type="text/javascript" src="js/goodsDetail.js"></script>
		<div id="goTop" class="goTop"></div>
	</body>

</html>